import $ from 'jquery'
$(function () {
    let time1
    let time2
    let index
    $('.lun').children().hover(function(){ 
        $(this).children().eq(3).stop().animate({
            width:'100%'
        });
     },function(){ 
        $(this).children().eq(3).stop().animate({
            width:'0'
        });
      })
    $('.lun').children().eq(0).css('height', '437px')
    function updata(){ 
        index = $('.lun').css('left')
        index = (Math.round(parseFloat(index)) * -1)/404
        console.log(index);
        $('.lun').children().eq(index).stop().animate({
            height:'437px',
        })
        $('.lun').children().eq(index).siblings().stop().animate({
            height:'537px',
            'border':'1px solid #ddd'
        })
    }
    updata()
    $('.btn').children().eq(0).click(function () {
        if (time1) return
        if (time2) return
        time1 = setTimeout(() => {
            time1 = null
        },500); //节流


        if ($('.lun').css('left') == '0px'){
            $('.btn').children().eq(0).css({
                cursor:'not-allowed'
            })
            return
        }else{
            $('.btn').children().eq(1).css({
                cursor:'pointer'
            })
        }
        $('.lun').stop().animate({
            left: '+=404px'
        },400, function () {

            updata()
        })
    })

    $('.btn').children().eq(1).click(function () {
        if (time1) return
        if (time2) return
        time2 = setTimeout(() => {
            time2 = null
        },500); //节流


        if ($('.lun').css('left') == '-2424px'){
            $('.btn').children().eq(1).css({
                cursor:'not-allowed'
            })
            return
        }else{
            $('.btn').children().eq(0).css({
                cursor:'pointer'
            })
        }
        $('.lun').stop().animate({
            left: '-=404px'
        },400, function () {

            updata()
        })
    })

})